@import "../lib/px2rem.scss";

.section{
	padding-left:px2rem(17);
	padding-right:px2rem(17);
	padding-top:px2rem(18);
	background:#ebebeb;
	overflow:hidden;
	li{
		box-shadow:px2rem(1) px2rem(1) px2rem(1) #e6e6e6;
		margin-bottom:px2rem(17);
		a{
			display:block;
			img{
				display:block;
				height:px2rem(160);
				width:100%;
			}
			.jieshao{
				height:px2rem(50);
				background:#f9f9f9;
				padding-left:px2rem(13);
				padding-right:px2rem(13);
				.jieshao_left{
					float:left;
					height:100%;
					h3{
						margin-top:px2rem(15);
						margin-bottom:px2rem(3);
						font-size:px2rem(12);
						color:#333;
					}
					p{
						font-size:px2rem(11);
						color:#9a9a9a;
						.person_num{
							margin-left:px2rem(4);
						}
					}
				}
				.film_name{
					line-height:px2rem(50);
					float:left;
					font-size:px2rem(12);
					color:#333;
				}
				.score,.play_time{
					float:right;
					font-size:px2rem(20);
					color:#f79177;
					line-height:px2rem(50);
				}
				.play_time{
					font-size:px2rem(12);
				}
			}
		}
	}
	.load_more{
		display:block;
		height:px2rem(28);
		line-height:px2rem(28);
		text-align:center;
		margin:0 auto;
		width:px2rem(160);
		border:1px solid #aaa;
		border-radius:px2rem(15);
		color:#616161;
		font-size:px2rem(12);
		margin-bottom:px2rem(30);
	}
} 

.willPlay{
	height:px2rem(20);
	line-height:px2rem(20);
	text-align:center;
	position:relative;
	background:#ebebeb;
	span{
		width:px2rem(65);
		background:#a7a7a7;
		font-size:px2rem(10);
		border-radius:px2rem(5);
		color:#fff;
		position:absolute;
		left:50%;
		margin-left:px2rem(-32.5);
		z-index:10;
	}
	&::after{
		content:"";
		width:100%;
		display:block;
		height:px2rem(1);
		background:#a7a7a7;
		position:absolute;
		top:px2rem(10);
	}
}